
<!DOCTYPE html>
<html>
<head>

<%@include file="/WebPages/Includes/commonIncludes.jsp"%>
</head>
<body>

	<div id="page">
		<header class="container">
			<div id="menu" class="navbar navbar-default navbar-fixed-top">
				<div class="nav-header">
					<button class="btn btn-success navbar-toggle"
						data-toggle="collapse" data-target=".navbar-collapse">Menu
					</button>
				</div>
				<div class="navbar-collapse collapse">

					<%
						if ("fail".equals(request.getParameter("auth"))) {
							out.println("Please Enter correct UserName or Password");
						}
					%>
					<ul class="nav navbar-nav">
						<li class="nav active"><a href="#">Home</a></li>
						<li class="nav "><a href="#">Profile</a></li>
						<li class="nav "><a href="#">Messages</a></li>
					</ul>
				</div>
				<div class="col-md-6">
					<form id="loginForm" method="post">
						<div class="form-group">
							<label for="userInput">UserName</label> <input type="text"
								class="form-control" id="user" name="user" />

						</div>
						<div class="form-group">
							<label for="passwordInput">Password</label> <input type="text"
								class="form-control" id="pwd" name="pwd" />

						</div>
						<input type="button" value="Submit" class="btn btn-success"
							id="login" />
					</form><a data-toggle='modal' id='schoolName' data-target='#myPasswordModal'>Forgot Password?</a>
					<a data-toggle='modal' id='schoolName' data-target='#mychangePasswordModal'>Change Password?</a>
				</div>


			</div>
		</header>
	</div>
		<!-- Change Password Modal -->
	<div aria-hidden="true" aria-labelledby="myModalLabel"
		class="modal fade" id="mychangePasswordModal" role="dialog" tabindex="-1">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button aria-hidden="true" class="close" data-dismiss="modal"
						type="button">&times;</button>
				</div>
				<div class="modal-body">
					<form id="forgotPasswordForm" method="post">
						<h1>
							<strong>Change Password</strong>
						</h1>
						<div class="form-group">
							<label class="control-label" for="Email">Email</label> <input
								class="form-control" id="email" name="email" placeholder="Email"
								type="text" />
						</div>
						<div class="form-group">
							<label class="control-label" for="aaLastPassword">Old Password
							</label> <input class="form-control" id="aaLastPassword"
								name="aaLastPassword" placeholder="Old Password"
								type="text" />
						</div>
						<div class="form-group">
							<label class="control-label" for="aaPassword">New Password
							 </label> <input class="form-control" id="aaPassword"
								name="aaPassword" placeholder="Security Answer 1" type="text" />
						</div>
						<div class="form-group">
							<label class="control-label" for="aaSecurityQ2">Confirm Password
							</label> <input class="form-control" id="aaSecurityQ2"
								name="aaSecurityQ2" placeholder="Confirm Password"
								type="text" />
						</div>
						 
						<button class="btn btn-primary" id="changePassword" type="button">Submit</button>
					</form>
				</div>
			</div>
		</div>
		</div>
	<!-- Forgot Password Modal -->
	<div aria-hidden="true" aria-labelledby="myModalLabel"
		class="modal fade" id="myPasswordModal" role="dialog" tabindex="-1">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button aria-hidden="true" class="close" data-dismiss="modal"
						type="button">&times;</button>
				</div>
				<div class="modal-body">
					<form id="forgotPasswordForm" method="post">
						<h1>
							<strong>Forgot Password</strong>
						</h1>
						<div class="form-group">
							<label class="control-label" for="Email">Email</label> <input
								class="form-control" id="email" name="email" placeholder="Email"
								type="text" />
						</div>
						<div class="form-group">
							<label class="control-label" for="aaSecurityQ1">Security
								Question 1</label> <input class="form-control" id="aaSecurityQ1"
								name="aaSecurityQ1" placeholder="Security Question 1"
								type="text" />
						</div>
						<div class="form-group">
							<label class="control-label" for="aaSecurityA1">Security
								Answer 1</label> <input class="form-control" id="aaSecurityA1"
								name="aaSecurityA1" placeholder="Security Answer 1" type="text" />
						</div>
						<div class="form-group">
							<label class="control-label" for="aaSecurityQ2">Security
								Question 2</label> <input class="form-control" id="aaSecurityQ2"
								name="aaSecurityQ2" placeholder="Security Question 2"
								type="text" />
						</div>
						<div class="form-group">
							<label class="control-label" for="aaSecurityA2">Security
								Answer 2</label> <input class="form-control" id="aaSecurityA2"
								name="aaSecurityA2" placeholder="Security Answer 2" type="text" />
						</div>
						<button class="btn btn-primary" id="submit" type="button">Submit</button>
					</form>
				</div>
			</div>
		</div>
	</div>
	<script src="/easyskool/customJS/Login/login.js">
		
	</script>
	<script src="/easyskool/customJS/Login/Password/forgotPassword.js"></script>
	<script src="/easyskool/customJS/Login/Password/changePassword.js"></script>
	
</body>

</html>

